import React from 'react';
import { browserHistory } from 'react-router'
import Button from '../components/base/Button';
import './pages.scss';

export default class Base extends React.Component {
    constructor(props) {
        super(props);
        this.baseBackClick = this.baseBackClick.bind(this);
    }

    baseBackClick() {
        browserHistory.goBack();
    }

    head() {
        return (
            <div className="head">
                <Button text="back" value="sudoku" class="btn-default" onClick={this.baseBackClick}/>
            </div>
        );
    }

    content() {}

    render() {
        return(
            <div className="welcome-games">
                {this.head()}
                {this.content()}
            </div>
        )
    }
}
